// 广告轮播图效果
var mySwiper = new Swiper('.swiper', {
  autoplay: true,//自动切换
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },//前进后退
  loop: true,//无限循环
  pagination: {
    el: '.swiper-pagination',
    clickable: true,//点击分页器
  },//分页器

})


//获取元素
let apiList = document.querySelectorAll('.api-list li')

//遍历 定义变量保存移入时当前li下面img的名称
apiList.forEach(function (dom, i) {
  //移入
  dom.addEventListener('mouseover', function () {
    this.style.backgroundColor = '#1271ef'//设置li的背景颜色为蓝色
    this.querySelector('img').src = `../imgs/api0${i + 1}-c.svg`
  })
  //移出
  dom.addEventListener('mouseout', function () {
    this.style.backgroundColor = '#fff'//设置li的背景颜色为白色
    this.querySelector('img').src = `../imgs/api0${i + 1}.svg`
  })
})


//需求：跑马灯效果 没隔1s，清除上一个 bus-list 的激活样式（删除类名 active）
//给下一个bus-list添加激活样式（添加类名 active）

//获取元素
let busList = document.querySelectorAll('.bus-list')
let businessText = document.querySelector('.business-text')
//console.log(busList);
//定义变量保存上一个bus-list的索引
let index = 0;
//开启计时器
let timeId = setInterval(horseRaceLamp, 2000)


//需求：鼠标移入 business-text，关闭计时器 反之开启
//移入
businessText.addEventListener('mouseover', function () {
  //console.log(1);
  clearInterval(timeId)
})
//移出
businessText.addEventListener('mouseout', function () {
  //console.log(2);
  timeId = setInterval(horseRaceLamp, 2000)
})

//跑马灯 horseRaceLamp
function horseRaceLamp() {
  //清除上一个 bus-list 的激活样式（删除类名 active）
  busList[index].classList.remove('active')
  //索引自增
  ++index;
  //判断
  if (index === busList.length) index = 0
  //给下一个bus-list添加激活样式（添加类名 active）
  busList[index].classList.add('active')
}



// 点击 trturn-top 缓慢回到顶部
let returnTop = document.querySelector('.trturn-top')
//console.log(returnTop);
// 窗口滚动事件
window.addEventListener("scroll", function () {
    // console.log(window.scrollY);
    // 控制返回顶部的显示和隐藏
    if (this.window.scrollY >= 500) {
      returnTop.style.display = "block"
    } else {
      returnTop.style.display = "none"

    }
})
returnTop.addEventListener("mouseenter", function () {
    this.style.backgroundPositionY = "-98px"
})
returnTop.addEventListener("mouseleave", function () {
    this.style.backgroundPositionY = "-56px"
})
let timerId = null;
returnTop.addEventListener("click", function () {
    let st = window.scrollY;//获取距离文档顶部的距离
    window.clearInterval(timerId);
    timerId = window.setInterval(function () {
        st -= 100;
        if (st <= 0) {
            st = 0;
            window.clearInterval(timerId)
        }
        window.scrollTo(0, st);

    }, 30)
})